@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro&family=PT+Sans&family=Raleway&family=Rubik:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');


html,body
/* fixa i margini sinistri delle pagine sbagliate  */
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

:root{
    --primary-color:#212529;
    --secondary-color:#edf2fc;
    --maven-pro: 'Maven Pro', sans-serif;
    --pt-sans: 'PT Sans', sans-serif;
    --raleway: 'Raleway', sans-serif;
    --rubik: 'Rubik', sans-serif;
    --open-sans: 'Open Sans', sans-serif;
    --pt-serif: 'PT Serif', serif;
    --lora-serif: 'Lora', serif;
    --oswald-sans: 'Oswald', sans-serif;
    --arial: Arial, Helvetica, sans-serif;
}

body{
    font-size: 1.5rem !important;
    background-color: var(--primary-color);
    font-family: var(--oswald-sans);
}

p, h1, h2, h3{
    color: var(--secondary-color);
}


/* inizio impostazioni navbar nell'header*/
    nav a.navbar-brand>img.head{
        /* dimensionamento svg logo su navbar */
        width: 190px;
        height: 184px;
    }
    .logo{
        /* centro il logo e il nome del motoclub */
        justify-content: center !important;
    }
    .navbar{
        /* sovrappongo i link delle pagine al logo */
        flex-direction: column;
    }
    .navbar-collapse {
        /* centro i link delle pagine */
        justify-content: center;
    }
    nav{
        /* background-color: rgba(237,242,252,0.4); */
        background-color: #E5E3E1;
    }

    li .nav-link:hover{
        color: #528e0b !important;
    }
/* fine impostazioni navbar header */


/* inizio impostszioni nav nel footer */
nav a.navbar-brand>img.foot{
    /* dimensionamento svg logo su navbar */
    width: 130px;
    height: 124px;
}
/* fine impostazioni nav footer */

@media (max-width: 992px){
    body{
        font-size: 1.5rem !important;
    }    
}
@media (max-width: 575px){
    .navbar .container ul>li.nav-item{
        font-size: 1.2rem !important;
    }   
}


@media (max-width: 350px) {
    /* sotto i 350 px riduco i caratteri per non farli sballare */
    .px350{
        font-size: 0.9rem !important;
    }
}

@media (max-width: 302px) {
    /* riduco il scritta motoclub un po alluccinati della navbar */
    .px302{
        font-size: calc(1.075rem + 1.5vw)!important;
    }
}